
<template>
	<div class="optionsInput">
		<search></search>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p class="number">
						<span class="numTitle">产品编号</span>
						<span class="numberInfo">BL20180116001</span>
					</p>
					<p>
						<span>产品名称</span>
						<span>WN20180116001</span>
					</p>
					<p>
						<span>规<span style="margin-right: 28px;"></span>格</span>
						<span>20*20</span>
					</p>
					<p>
						<span>型<span style="margin-right: 28px;"></span>号</span>
						<span>均码</span>
					</p>
				</div>
			</div>
		</div>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p class="number">
						<span class="numTitle">产品编号</span>
						<span class="numberInfo">BL20180116001</span>
					</p>
					<p>
						<span>产品名称</span>
						<span>WN20180116001</span>
					</p>
					<p>
						<span>规<span style="margin-right: 28px;"></span>格</span>
						<span>20*20</span>
					</p>
					<p>
						<span>型<span style="margin-right: 28px;"></span>号</span>
						<span>均码</span>
					</p>
				</div>
			</div>
		</div>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p class="number">
						<span class="numTitle">产品编号</span>
						<span class="numberInfo">BL20180116001</span>
					</p>
					<p>
						<span>产品名称</span>
						<span>WN20180116001</span>
					</p>
					<p>
						<span>规<span style="margin-right: 28px;"></span>格</span>
						<span>20*20</span>
					</p>
					<p>
						<span>型<span style="margin-right: 28px;"></span>号</span>
						<span>均码</span>
					</p>
				</div>
			</div>
		</div>
		
	</div>
</template>

<script>
	import search from '../subcomponents/search.vue'
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			
		},
		components:{search}
	}
	
</script>

<style scoped="scoped">
	.numTitle{
		font-size: 16px;
	}
	 .deal{
		padding-top: 10px;
		display: flex;
		justify-content: center;
		border-top: 1px solid #EEEEEE;
	}
	 .deal p{
		font-size: 16px;
	}
	 .deal:hover{
		background: #EEEEEE;
	}
	 .detail {
		border-bottom: 1px #EEEEEE solid;
		padding-bottom: 3px;
	}
	 .number {
		padding-bottom: 17px;
		border-bottom: 1px solid #EEEEEE;
	}
	
	 .numberInfo {
		font-size: 18px;
		color: black;
		font-weight: 500;
	}
	
	.search-input {
		padding-left: 0;
		border: none;
		margin-bottom: 0;
		font-size: 16px;
	}
	
	 .search {
		margin-top: 50px;
		margin-bottom: 20px;
	}
	
	.mui-input-row {
		background: white;
	}
	
	.mui-input-row label {
		padding-right: 4px;
		font-size: 16px;
		width: 34%;
	}
	
	.mui-input-row label~input,
	.mui-input-row label~select,
	.mui-input-row label~textarea {
		width: 66%;
	}
	
	 .el-button {
		padding: 8px 16px;
		margin-bottom: 0px;
		height: 30px;
		margin-top: 5px;
		margin-right: 10px;
	}
	
	 .search-right {
		display: flex;
		justify-content: space-between;
	}
	
	 .search-radio {
		margin-top: -7px;
	}
	.mui-card{
		box-shadow:0px 6px 8px #cdcdcd;
		margin-bottom: 17px;
	}
	.mui-card-content-inner{
		padding-bottom: 0px;
	}
	.mui-card-content-inner p {
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
		font-size: 15px;
	}
</style>
